<template>
	<div class="rightcontainer">
		<div class="rightmain">
			<div class="title">考试文件</div>
			<div class="table">
				<div class="row">
					<div class="cell f1">序 号</div>
					<div class="cell f3">文件名称</div>
					<div class="cell f2">操 作</div>
				</div>
				<!-- <div class="row" v-for="(item,index) in list">
					
				</div> -->
			</div>
		</div>
	</div>
</template>

<script>
	
	export default {
		data() {
			return {
				list:[]
			};
		},
		computed: {
		},
		mounted() {
			this.getexamlist()
		},
	
		methods: {
			async getexamlist(){
				var res=await this.$api.Join.Getexamlist({page:1,pageSize:100})
				this.list=res.data
			},
			tojoin(id){
				this.$router.push({ name: 'Chengnuo',query:{id}})
			},
			toaudit(id){
				this.$router.push({ name: 'Joinfo', query:{id}})
			},
		},
	};
</script>

<style lang="less" scoped>
	.rightcontainer {
		width: 920px;
		margin:0 auto 40px;
		overflow: hidden;

		.rightmain {
			width: 100%;
			margin: 20px 0;

			.title {
				color: #134B9F;
				font-size: 20px;
				line-height: 18px;
				font-weight: bold;
				padding-bottom: 9px;
				border-bottom: 2px solid #134B9F;
				display: inline-block;
				letter-spacing: 2px;
			}

			.table {
				border-left: 2px solid #ccc;
				border-top: 2px solid #ccc;
				width: 100%;
				margin-top: 16px;
				font-size: 18px;
				color:#666;
				.row{
					display: flex;
					flex-direction: row;
					width: 100%;
					height:55px;
					.cell {
						border-right: 2px solid #ccc;
						border-bottom: 2px solid #ccc;
						display: flex;
						justify-content: center;
						align-items: center;
						padding-left:10px;
						padding-right:10px;
					}
					.fl{
						
						box-sizing: border-box;
						justify-content: flex-start !important;
					}
					.f1{
						flex:1;
					}
					.f2{
						flex:2;
					}
					.f3{
						flex:3;
					}
				}
				
			}
		}
	}
</style>
